<template>
  <div
    class="x-card"
    :style="{width: width,height: height}"
  >

  </div>
</template>

<script>
export default {
  components: {},
  props: {
    // card宽度
    width: {
      type: String,
      default: () => {
        return '100%'
      }
    },
    // card高度
    height: {
      type: String,
      default: () => {
        return '100%'
      }
    },
  },
  data () {
    return {};
  },
  computed: {},
  watch: {},
  created () { },
  mounted () { },
  methods: {},
}
</script>
<style lang='less' scoped>
.x-card {
  box-shadow: 1px 1px 4px #00000013, -1px -1px 4px #00000013;
  border-radius: 14px;
}
</style>